/* CSS Document */
.area{margin:0 30px; width:auto;}
.signbox{width:800px; margin:30px auto; display:block; border:1px #D41D6D solid; padding:20px;}
.signbox .left{width:500px; float:left;}
.signbox .left h3{font-size:14px; padding:7px 0;}
.signbox .left .row{display:block;}
.signbox .left .cell{padding:10px 0; float:left; line-height:28px; position:relative;}
.signbox .left .cell-name{width:60px; margin-right:10px; text-align:right; font-size:14px;}
.signbox .left .cell .err{color:#F00; position:absolute; left:0; top:-15px; font-size:12px; display:none;}
.signbox .left .text{height:28px; box-sizing:border-box; border:1px #D41D6D solid; padding:0 5px; width:200px; font-size:12px;}
.signbox .left .row-expire{width:270px; text-align:right; display:block; line-height:26px; 
color:#888; text-align:right; font-size:12px;}
.signbox .left .row-expire .checkbox{width:14px; height:14px; display:inline-block; vertical-align:middle;}
.signbox .left .btn-hd{width:270px; text-align:right; display:block; text-align:right; padding:10px 0;}
.signbox .left .btn-submit{width:120px; height:28px; background-color:#D41D6D; color:#fff; 
font-size:14px; border:0; cursor:pointer;}
.signbox .right{overflow:hidden; padding-top:30px;}
.signbox .right .rowitem{display:block; text-align:center; padding:5px 0;}
.signbox .right .btn{background:#8DC21F; color:#fff; font-size:12px; width:120px; 
height:30px; line-height:30px; display:block; margin:0 auto;}
.signbox .right .ico{width:32px; height:32px; display:inline-block; margin:0 5px;}
.signbox .right .ico img{width:100%; height:100%; border-radius:5px;}
.signbox .line{height:150px; width:1px; border-left:1px #DDD solid; margin-top:50px; float:left;}
.userinfo{display:block; padding:20px 0; border-bottom:0.5px #CCC solid; position:relative;}
.userinfo .box{width:18%; float:left; height:70px; border-right:0.5px #CCC solid; margin-left:-1px;}
.userinfo .box .u-avatar{width:62px; height:62px; float:left; margin:3px 10px 0 20px;}
.userinfo .box .u-avatar img{width:100%; height:100%; display:block;}
.userinfo .box .u-info{overflow:hidden;}
.userinfo .box .u-info h3{font-size:16px; height:26px;}
.userinfo .box .u-info div{color:#D41D6D; font-size:14px;}
.userinfo .box .u-info p{display:block; font-size:12px; margin-top:5px; color:#666;}
.userinfo .box .u-title{font-size:16px; height:26px; display:block; text-align:center;}
.userinfo .box .u-amount{color:#D41D6D; font-size:14px; text-align:center; margin-top:3px; font-weight:800;}
.userinfo .box .u-status{font-size:12px; margin-top:5px; color:#888; text-align:center;}
.userinfo .box .btn-sign{background:#D41D6D; width:100px; height:30px; line-height:30px; 
display:block; text-align:center; font-size:14px; color:#fff; margin:20px auto 0 auto;}
.userinfo .box-avatar{width:28%;}

.leftNav{width:160px; float:left;}
.leftNav h3.title{display:block; margin-bottom:3px; font-size:14px; padding:7px 10px 7px 40px; background-color:#D41D6D; color:#fff;}
.leftNav h3.title a{display:block; color:#fff;}
.leftNav .menu{display:block;}
.leftNav .menu li{display:block; margin-bottom:3px; position:relative; font-size:12px;}
.leftNav .menu li a{display:block; background-color:#EEEEEF; padding:7px 10px 7px 40px;}
.leftNav .menu li a:hover{background-color:#E0E0E0; color:#000;}
.leftNav .menu li a.cur{background-color:#666; color:#fff;}

.noaccess{display:block; text-align:center; font-size:14px; color:#666; margin-top:50px;}
.the-tab-bar{display:block; border-bottom:1px #CCC solid; position:relative; height:28px;}
.the-tab-bar .item{height:28px; line-height:28px; border:1px #CCC solid; margin-right:10px; background:#fefefe;
border-bottom:0; box-sizing:border-box; float:left; border-radius:1px 1px 0 0;}
.the-tab-bar .item a{display:inline-block; padding:0 20px;}
.the-tab-bar .item a:hover{color:#000;}
.the-tab-bar .on{background-color:#D6146C; color:#fff; border-color:#B6166D; height:29px;}
.the-tab-bar .on a,.the-tab-bar .on a:hover{color:#fff;}

#mainFrame,.mainFrame{overflow:hidden; border-left:0.5px #CCC solid; border-top:0.5px #CCC solid; 
min-height:600px; padding:20px 0 0 20px;}
.ptips{display:block; margin-bottom:10px; border:0.5px #CCC solid; padding:7px 20px; font-size:12px; background:#fefefe;}
.htitle{display:block; margin-bottom:10px; font-size:16px; color:#D41D6D;}
.noticelist{display:block; padding:0 0 0 20px;}
.noticelist li span{float:right;}
.noticelist li{padding:7px 0; display:block; border-bottom:0.5px #CCC solid;}

.mytab{display:block; border-bottom:0.5px #CCC solid; clear:both;}
.mytab .item{width:120px; float:left; height:35px; line-height:35px; margin-right:30px; box-sizing:border-box;}
.mytab .item a{display:block; font-size:14px; font-weight:800;}
.mytab .cur a{border-bottom:3px solid #D41D6D; color:#D41D6D;}

.table-record{background:#CCC; clear:both; margin-top:20px;}
.table-record td,.table-record th{background:#fff; padding:5px;}

.pages{float:right; padding:0;}
.pages a,#member .pages span{background:#fff; height:21px; line-height:21px; 
display:inline-block; padding:0 10px; margin:0 2px; border:1px #ddd solid; color:#333;}
.pages a:hover{color:#000; border-color:#999; text-decoration:none;}
.pages .cur{background:#049985; color:#fff; border-color:#049985;}

.button,a.button{background-color:#D6146C; color:#fff; border:0; border-radius:3px; cursor:pointer;
height:28px; line-height:28px; display:inline-block; font-size:13px; padding:0 15px;}
.button:hover{background-color:#B6166D;}
.input-text, textarea, select{width:300px; font-size:12px;}
.w30{width:30px;}
.w60{width:60px;}
.w100{width:100px;}
.w120{width:120px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}

/**列表表格**/
.listtable{background:#fff; clear:both;}
.listtable th,.listtable td{padding:5px; background:#fff; height:30px; text-align:left;}
.listtable th{background:#F0f0f0; font-weight:bold;}
.listtable td{border-top:1px #eee solid; background:#fafafa;}
.listtable td .menu{margin-top:5px;}
.listtable tbody tr:hover td{background:#EFEFEF;}
.listtable tbody h3{font-size:14px; line-height:1.2;}
.listtable tbody p{line-height:1.5; margin:0; padding:0; font-size:12px; margin-top:5px;}
.listtable tbody .pic{width:90px; height:90px; display:block; overflow:hidden;}
.listtable tbody .pic img{height:90px; display:block;}
.listtable tfooter .bottom{padding:15px 10px;}
.listtable tfooter .pages{padding:0; float:right;}

/**表单表格**/
.formtable{clear:both; table-layout:auto;}
.formtable th,td{padding:10px; text-align:left; font-size:14px;}
.formtable th{font-weight:bold;}
.formtable tbody tr:hover td,#member .formtable tbody tr:hover th{color:#000;}
.formtable .tips{color:#555; font-size:12px;}
.formtable .err{color:#F00;}

.tableView{}
.tableView .itemRow{overflow:hidden; display:block; line-height:50px;}
.tableView .itemRow:after{content:" "; display:block; clear:both; overflow:hidden;}
.tableView .itemRow .item-name{width:70px; float:left; margin-right:20px; text-align:right;}
.tableView .itemRow .item-input{width:350px; float:left; margin-right:10px;}
.tableView .itemRow .item-tips{overflow:hidden; font-size:12px; display:none;}
.tableView .itemRow .item-content{overflow:hidden; float:left; margin-right:10px;}
.tableView .error{color:#F00; display:none;}
.tableView #imageUploadQueue{width:auto; float:left;}
.tableView #imageUploadQueue:after{display:block; overflow:hidden; content:" "; clear:both;}
.tableView .imageUploadItem{width:100px; height:80px; float:left; margin-right:10px; display:block; 
overflow:hidden; border:1px #ccc solid; position:relative; background-image:url(/static/images/common/loading32.gif); background-repeat:no-repeat; background-position:center center;}
.tableView .imageUploadItem img{width:100%; height:100%; display:block;}
.tableView .imageUploadItem .del{position:absolute; top:0px; right:0px; line-height:1.0; color:#333; font-size:14px; padding:3px; margin:0; width:auto; height:auto;}
.tableView .imageUploadItem .del:hover{background:#333; color:#fff;}
.tableView .selectImageButton{width:100px; height:80px; padding:0; position:relative; border:1px #ccc solid; background:#f0f0f0; float:left;}
.tableView .selectImageButton a{line-height:80px; display:block; font-size:14px; text-align:center; color:#333;}

.tableView .theader{}
.tableView .row{display:block; overflow:hidden;}
.tableView .row:after{content:" "; display:block; clear:both; overflow:hidden;}
.tableView .cell{float:left; padding:7px 0; line-height:1.2; margin-right:10px; line-height:30px;}
.tableView .cell-name{width:80px; text-align:right;}
.tableView .cell-input{width:360px; overflow:hidden;}
.tableView .tfooter{padding:20px 0;}
.tableView .dist{width:auto;}
.j-filedata{opacity:0; visibility:visible; position:absolute; z-index:200; cursor:pointer;}

/**订单列表**/
.order-tab-bar{display:block; border-bottom:1px #CCC solid;}
.order-tab-bar .item{height:28px; line-height:28px; border:1px #CCC solid; margin-right:10px; background:#fefefe;
border-bottom:0; box-sizing:border-box; float:left; border-radius:1px 1px 0 0;}
.order-tab-bar .item a{display:inline-block; padding:0 15px;}
.order-tab-bar .item a:hover{color:#000;}
.order-tab-bar .on{background-color:#D6146C; color:#fff; border-color:#B6166D;}
.order-tab-bar .on a,.order-tab-bar .on a:hover{color:#fff;}

.order-table-header{background-color:#DBDCDC; border:1px #DDD solid; margin:10px 0;}
.order-table-header td{padding:7px 5px; text-align:center; font-size:12px; box-sizing:border-box;}
.order-tbar{display:block; margin-bottom:10px; padding:5px;}

.order-item{display:block; margin-bottom:10px; border:1px #DDD solid;}
.order-item:hover{border-color:#333;}
.order-item .table-header{background:#E5E5E5; overflow:hidden;}
.order-item .table-header td{padding:7px 5px; box-sizing:border-box; font-size:12px;}
.order-item .table-header td.t-right{text-align:right; padding-right:10px;}
.order-item .table-goods{display:block;}
.order-item .table-goods td{padding:10px 5px; box-sizing:border-box; font-size:13px; vertical-align:top; text-align:center;}
.order-item .table-goods .g-pic{width:80px; height:80px; float:left; margin:0 10px 0 5px; overflow:hidden;}
.order-item .table-goods .g-pic img{display:block; width:100%; height:100%;}
.order-item .table-goods .g-con{overflow:hidden; text-align:left;}
.order-item .table-goods .g-con h3{font-size:13px; font-weight:400; line-height:1.2;}
.order-item .table-goods .g-con .attr{margin:5px 0; display:block; color:#888; font-size:12px;}
.order-item .table-goods .price{font-size:14px; color:#777;}
.order-item .table-goods .discount{font-size:13px; margin-top:5px;}
.order-item .table-goods .td-number{font-weight:bold;}
.order-item .table-goods .amount{color:#F63; font-size:14px; font-weight:bold;}
.order-item .table-goods .freight{color:#777; font-size:12px; margin-top:5px;}
.order-item .table-goods .btn{height:28px; line-height:28px; display:block; padding:0 10px; background-color:#B6166D;
color:#fff; font-size:12px; border-radius:3px; cursor:pointer;}
.order-item .table-goods .td-right{vertical-align:middle; text-align:center;}

/**返券记录查询**/
.ticket-table{clear:both; margin:10px 0; border:0.5px #E0E0E0 solid;}
.ticket-table th,.ticket-table th{padding:7px 10px; font-size:12px;}
.ticket-table thead th{background:#E5E5E5;}
.ticket-table tbody td{text-align:center; border-top:0.5px #E0E0E0 solid; border-left:0.5px #E0E0E0 solid;}
.ticket-table tbody .no{font-size:14px; text-align:left; border-left:none;}
.ticket-table tbody tr:hover td{background-color:#f5f5f5;}

/**收藏夹**/
.fav-table{clear:both;}
.fav-table td,.fav-table th{padding:8px 10px; font-size:13px; text-align:center;}
.fav-table tbody tr:hover td{background:#F0F0F0;}
.fav-table .pic{width:80px; height:80px; overflow:hidden;}
.fav-table .pic img{width:100%; height:100%; display:block;}
.fav-table .title{font-size:14px; font-weight:600; text-align:left;}
.fav-table thead th{background:#E5E5E5; font-weight:400;}
.fav-table tfoot th,.fav-table tfoot td{text-align:left; background:#E5E5E5;}

/**积分兑换**/
.score-content-div{display:block;}
.score-content-div .row{padding:10px 0; display:block; font-size:14px;}
.score-content-div .row h3 {padding-left:10px;}
.score-content-div .row h3,.score-content-div .row label{font-weight:500; margin-right:10px;}
.score-content-div 
.score-record-table{clear:both;}
.score-record-table th,.score-record-table td{padding:10px; font-size:12px; text-align:center;}
.score-record-table th {background-color:#F0F0F0;}
.score-record-table .tit{text-align:left;}

.recharge-div{display:block;}
.recharge-div .h3-title{padding:5px 7px;}
.recharge-div .pay-div{display:block; padding:10px 0;}
.recharge-div .pay-item{height:30px; float:left; margin:0 20px 20px 0;}
.recharge-div .pay-item label{width:26px; height:29px; float:left; line-height:31px; margin-top:2px;}
.recharge-div .paytype{background-image:url(/static/images/common/pay.png); background-repeat:no-repeat; 
width:140px; height:29px; border:1px #CCC solid; float:left;}
.recharge-div .alipay{background-position:0 0;}
.recharge-div .wxpay{background-position:-300px -280px;}
.recharge-div .icbc{background-position:-150px 0;}
.recharge-div .ccb{background-position:-300px 0;}
.recharge-div .abc{background-position:0 -40px;}
.recharge-div .youzheng{background-position:-150px -40px;}
.recharge-div .jiaohang{background-position:-300px -40px;}
.recharge-div .zhaohang{background-position:0 -80px;}
.recharge-div .zhonghang{background-position:-150px -80px;}
.recharge-div .zhongxin{background-position:-300px -80px;}

.recharge-div .input-div{display:block; padding:5px 0;}
.recharge-div .input-div .text{height:40px; padding:5px; box-sizing:border-box; 
border:1px #aaa solid; width:160px; font-size:16px; font-weight:bold;}
.recharge-div .btn-pay{width:160px; height:45px; line-height:45px; font-size:16px; text-align:center; display:block;}